import { nanoid } from "nanoid"

export interface IProject {
  id: string
  title: string
  description: string
  category: string
  tags: string[]
  thumbnail: string
  projectLink: string
  techStack: string[]
  createdAt: string
  updatedAt: string
}

export const projectsData: IProject[] = [
  {
    id: nanoid(),
    title: "TransVidAI",
    description: "一个借助AI实现视频翻译的网站",
    category: "frontend",
    tags: ["Vue3.js", "Element Plus", "pinia"],
    thumbnail:
      "https://img2.baidu.com/it/u=2990489131,3348096251&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1400",
    projectLink: "http://yeahz.me/TransVidAI/",
    techStack: ["Vue.js", "Element Plus", "SCSS"],
    createdAt: "2024-08-15T10:20:30Z",
    updatedAt: "2024-08-20T08:15:00Z",
  },
  {
    id: nanoid(),
    title: "MySphere Vue3",
    description: "一个借助Vue3实现的作品展示网站",
    category: "frontend",
    tags: ["Vue3.js", "Element Plus", "pinia"],
    thumbnail:
      "https://img2.baidu.com/it/u=3114350612,2641837653&fm=253&app=138&size=w931&n=0&f=JPEG&fmt=auto?sec=1724173200&t=50d46b974e502915d24e7ba35ec3ccc4",
    projectLink: "http://yeahz.me/MySphereVue/",
    techStack: ["Node.js", "Express", "MongoDB"],
    createdAt: "2024-08-15T12:00:00Z",
    updatedAt: "2024-08-29T14:35:20Z",
  },
  {
    id: nanoid(),
    title: "React Dashboard",
    description: "A responsive dashboard built with React and Material-UI.",
    category: "frontend",
    tags: ["React", "Material-UI", "Dashboard"],
    thumbnail:
      "https://img0.baidu.com/it/u=912707970,663790136&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=843",
    projectLink: "https://github.com/username/react-dashboard",
    techStack: ["React", "Material-UI", "JavaScript"],
    createdAt: "2023-03-20T09:45:10Z",
    updatedAt: "2024-04-02T16:25:30Z",
  },
  {
    id: nanoid(),
    title: "Fullstack E-commerce Platform",
    description:
      "A full-featured e-commerce platform with a Node.js backend and a Vue.js frontend.",
    category: "fullstack",
    tags: ["E-commerce", "Vue.js", "Node.js"],
    thumbnail:
      "https://img1.baidu.com/it/u=2701473560,3391079078&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=500",
    projectLink: "https://github.com/username/fullstack-ecommerce",
    techStack: ["Vue.js", "Node.js", "Express", "MongoDB"],
    createdAt: "2022-09-25T11:30:00Z",
    updatedAt: "2023-10-10T13:45:55Z",
  },
  {
    id: nanoid(),
    title: "Mobile News App",
    description:
      "A cross-platform mobile news application developed using React Native.",
    category: "mobile",
    tags: ["React Native", "Mobile", "News App"],
    thumbnail:
      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTpovsl_7zIrEhzyWmREb9k6ChHeFJrmMUsHg&s",
    projectLink: "https://github.com/username/mobile-news-app",
    techStack: ["React Native", "Redux", "API"],
    createdAt: "2023-05-05T10:10:10Z",
    updatedAt: "2023-05-20T15:50:45Z",
  },
  {
    id: nanoid(),
    title: "React Dashboard",
    description: "A responsive dashboard built with React and Material-UI.",
    category: "frontend",
    tags: ["React", "Material-UI", "Dashboard"],
    thumbnail:
      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS2XQGfxQPdqusqyIRFB4O1bdNP8KnReA3aIQ&s",
    projectLink: "https://github.com/username/react-dashboard",
    techStack: ["React", "Material-UI", "JavaScript"],
    createdAt: "2023-03-20T09:45:10Z",
    updatedAt: "2024-04-02T16:25:30Z",
  },
  {
    id: nanoid(),
    title: "Fullstack E-commerce Platform",
    description:
      "A full-featured e-commerce platform with a Node.js backend and a Vue.js frontend.",
    category: "fullstack",
    tags: ["E-commerce", "Vue.js", "Node.js"],
    thumbnail:
      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTB6yquM63mAL7Dcwp77YUuotjEkiywulE_iw&s",
    projectLink: "https://github.com/username/fullstack-ecommerce",
    techStack: ["Vue.js", "Node.js", "Express", "MongoDB"],
    createdAt: "2022-09-25T11:30:00Z",
    updatedAt: "2023-10-10T13:45:55Z",
  },
  {
    id: nanoid(),
    title: "Mobile News App",
    description:
      "A cross-platform mobile news application developed using React Native.",
    category: "mobile",
    tags: ["React Native", "Mobile", "News App"],
    thumbnail:
      "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSzqTxPEcmBRgjXgzhWja3mSZgP7sLheiRB5g&s",
    projectLink: "https://github.com/username/mobile-news-app",
    techStack: ["React Native", "Redux", "API"],
    createdAt: "2023-05-05T10:10:10Z",
    updatedAt: "2023-05-20T15:50:45Z",
  },
]
